<footer class="footer lt hidden-xs b-t b-light">
    <!--<div id="chat" class="dropup">
        <section class="dropdown-menu on aside-md m-l-n">
            <section class="panel bg-white">
                <header class="panel-heading b-b b-light">Active chats</header>
                <div class="panel-body animated fadeInRight">
                    <p class="text-sm">No active chats.</p>
                    <p><a href="#" class="btn btn-sm btn-default">Start a chat</a></p>
                </div>
            </section>
        </section>
    </div>
    <div id="invite" class="dropup">
        <section class="dropdown-menu on aside-md m-l-n">
            <section class="panel bg-white">
                <header class="panel-heading b-b b-light">
                    John <i class="fa fa-circle text-success"></i>
                </header>
                <div class="panel-body animated fadeInRight">
                    <p class="text-sm">No contacts in your lists.</p>
                    <p><a href="#" class="btn btn-sm btn-facebook"><i class="fa fa-fw fa-facebook"></i> Invite from Facebook</a></p>
                </div>
            </section>
        </section>
    </div>-->
    <a href="#nav" data-toggle="class:nav-xs" class="pull-right btn btn-sm btn-success btn-icon">
        <i class="fa fa-angle-left text"></i>
        <i class="fa fa-angle-right text-active"></i>
    </a>
    <!--<div class="btn-group hidden-nav-xs">
        <button type="button" title="Chats" class="btn btn-icon btn-sm btn-default" data-toggle="dropdown" data-target="#chat"><i class="fa fa-comment-o"></i></button>
        <button type="button" title="Contacts" class="btn btn-icon btn-sm btn-default" data-toggle="dropdown" data-target="#invite"><i class="fa fa-facebook"></i></button>
    </div>-->
</footer>